@import '~styles/colors.less';

.info {
  text-align: center;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;

  &:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.69) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.69) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.69) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}

.content {
  position: absolute;
  top: 45%; left: 50%; right: 0; bottom: 0;
  transform: translate(-50%, -50%);
}

.user {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 250px;
  max-width: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.name {
  height: 65px !important;
  margin-top: 30px;
  margin-bottom: 10px;
}

.nameText {
  font-size: 48px;
  color: #ffffff;
  line-height: 65px;
}

.sub {
  height: 40px !important;
}

.subText {
  font-size: 26px;
  color: #ffffff;
  font-weight: 200;
  line-height: 40px;
}

.date {
  position: absolute;
  left: 25px; top: 25px;
  color: @adminBorders;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
}

.actions {
  position: absolute;
  right: 25px; top: 25px;
}

.actionButton {
  display: inline-block;
  vertical-align: top;
  color: @adminBorders;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  margin-left: 20px;
}
